<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <!--    <title><%= htmlWebpackPlugin.options.title %></title>-->
  <title>Vue</title>
</head>
<body>
<script src="../../Mine-Vue-index/Vue.js"></script>
<script>
  const vm = new Vue({
    el: document.getElementById('app'),
    data: {
      abc: 'I'
    },
    // el: document.getElementById('app'),
    beforeMount: async function () {
      const t = await new Promise(resolve => {
        setTimeout(() => resolve(1))
      })
      // console.log(this, 'beforeMount', '用户使用异步', t);
    },
    mounted() {
      // console.log(this, 'mounted');
      this.abc = 2;
    },
    methods: null,
    watch: null,
    template:'<div>a</div>'

    // components: {Son}
  });
  // console.log(vm, 'vm');
  if (vm._flag) {
    document.title = 'mine';
    // vm.$data.abc = 2;
  }
</script>
</body>
</html>
